0044. 学前准备
1. 🎯 本节内容
- 类型声明
- TS 的编译
- TS Playground
- tsc 基本使用
- ts-node 基本使用
- nodemon 基本使用
- ts-node-dev 基本使用
2. 🫧 评价
学前准备章节，主要目标有两个：
- 了解 TS 的两个核心概念：
- 【1】类型
- 【2】编译
- 我们后面学习的 TS 相关的所有内容，几乎都是围绕着这两个核心概念展开的
- 搭建 TS 的学习环境：
- 【1】在线的 TS Playground
- 【2】本地的 tsc（tsconfig.json）、ts-node、nodemon、ts-node-dev 等
- 快速测试一些 TNotes.typescript 知识库中的 TS 代码片段，非常推荐【1】TS Playground。
本节主要用于对章节的内容做的一个汇总说明。
| 笔记 | 简介 |
|---|---|
| 0004.类型 vs. 值 | 记录了 TypeScript 中的“类型”和“值”概念，强调类型信息只用于开发阶段的类型检查，最终运行的始终是去除类型后的 JavaScript 代码。 |
| 0009.类型声明和类型推断 | 记录了 TypeScript 中类型声明、类型注解和类型推断的概念、规则及实际应用，强调类型声明不是必需的，TS 能自动推断大部分类型，但在复杂场景下需显式标注以保证类型安全。 |
| 0010.TS 的编译 | 记录了 TypeScript 的编译流程、实时类型检查机制及 VS Code 语言服务的原理，帮助理解 TS 如何在开发和运行阶段保障类型安全。 |
| 0011.TS Playground | 记录了 TypeScript Playground 的核心功能、典型应用场景和页面结构，强调其在学习、调试和分享 TypeScript 代码中的高效作用。 |
| 0012.tsc 快速入门 | 记录了 tsc 编译器的作用、安装方法、常用命令及与 tsconfig.json 配置文件的关系，帮助快速掌握 TypeScript 项目的基本编译流程。 |
| 0078.tsconfig.json 快速入门 | 记录了 tsconfig.json 的作用、常用配置项、不同项目场景下的模板及调试技巧，帮助开发者快速掌握 TypeScript 项目的配置管理。 |
| 0013.ts-node 快速入门 | 记录了 ts-node 的作用、原理、安装与使用方法，并对其与 tsc、node 的关系及实际开发中的应用场景进行了详细说明。 |
| 0041.nodemon 快速入门 | 记录了 nodemon 的作用、典型应用场景及其与 ts-node 的集成方式，强调其在 TypeScript 开发中实现自动重启和提升开发效率的实用价值。 |
| 0042.ts-node-dev 快速入门 | 记录了 ts-node-dev 的功能、与 ts-node 的关系、使用方法及其在 TypeScript 开发中实现自动重启和高效开发的优势。 |
3. 🔍 本章内容概览
| 核心内容 | 目的 |
|---|---|
| 类型声明和类型推断 | 这是学习 TS 必须要掌握的内容，在 TS 中每个变量都是有类型的，要么是我们显式声明，要么是交由 TS 自行推断。在学习具体的类型的特性之前，先要掌握的就是知道如何声明变量的类型以及了解 TS 的类型推断机制。 |
| TS 的编译 | 知道最终运行的是什么？ |
| TS Playground | 这是最便捷的 TS 学习环境，你可以直接访问 TS Playground 快速体验 TS 的核心功能。 |
| tsc、ts-node、nodemon、ts-node-dev | 这些内容可以帮你解决在本地搭建 TS 运行环境的需求。若无此需求，快速跳过即可。 |
3.1. 类型声明和类型推断
类型声明和类型推断是 TS 的重点内容，笔记的篇幅较长，重点要知道什么是类型声明，以及类型声明的基本语法。其它的一些细节，比如 TS 无法完成类型推断的场景、"类型注解"和"类型声明"的区别、等细节，都不是特别重要，只需要有个大致的印象，快速过即可。
3.2. TS 的编译
TS 的编译，一句话解释就是 -> 将 TS 转为 JS。
如果你对 VSCode 中的 TS 实时类型检查感兴趣，可以去了解一下跟「语言服务」相关的内容。
3.3. 利用在线的 TS Playground 学习环境
TS Playground 是 TypeScript 官方提供的 Playground，是一个在线的、可以实时编译和运行 ts 代码的工具。
3.4. 在本地自行搭建 TS 的学习环境
如果你想要在本地搭建 TS 的学习环境，可以看看下面这些工具，它们可以帮你快速在本地搭建一个 TS 的基本学习环境，你只需要专心编写 *.ts 模块即可，只需要做好简单的配置，它们就会在你每次编写完模块之后，自动执行你的模块并打印结果。
- ts-node 基本使用
- nodemon 基本使用
- ts-node-dev 基本使用
如果你没有将文件存储在本地的需求，没有使用 nodejs API 的需求，只是想要快速体验 TypeScript 的相关特性，那么非常推荐你使用 TS Playground，这是官方站点，你可以在这里边儿快速测试一些 TS 特性，非常适合用来快速学习和验证相关 TS 特性。